<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小儿推拿</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/fontClass/iconfont.css">
    <link rel="stylesheet" href="../css/zcbase.css">
    <link rel="stylesheet" href="../css/zcstyle.css">
    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
    <div class="Baby_Healthy_home">
        <div class="Baby_Healthy_home_left">
            <div class="Baby_Healthy_home_left_logo">
                <img class="Baby_Healthy_home_left_img" src="../images/1.jpg"/>
                <div class="Baby_Healthy_home_left_name">
                    <p class="Baby_Healthy_home_left_name_tit">小儿推拿</p>
                    <p class="Baby_Healthy_home_left_name_tip">顺义店</p>
                </div>
            </div>
            <ul class="Baby_Healthy_home_left_sideBar">
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../home/home.html"><i class="icon iconfont icon-icon-test14"></i>工作台</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../bespeak.html"><i class="icon iconfont icon-icon-test16"></i>预约管理</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../orderManagement.html"><i class="icon iconfont icon-icon-test4"></i>订单管理</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../userlib.html"><i class="icon iconfont icon-icon-test5"></i>病人库</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../vip.html"><i class="icon iconfont icon-icon-test3"></i>会员中心</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../cardManagement/homePage.html"><i class="icon iconfont icon-icon-test6"></i>卡券管理</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../storeSetting.html"><i class="icon iconfont icon-icon-test6"></i>门店设置</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../staffManagement/staffManagement_hp.html"><i class="icon iconfont icon-icon-test10"></i>员工管理</a></li>
                <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../basicSetting.html"><i class="icon iconfont icon-icon-test15"></i>基础设置</a></li>
            </ul>
            <!--<div class="Baby_Healthy_home_left_bottom">-->
                <!--<img src="../images/1.jpg"><span>张三</span>-->
            <!--</div>-->
        </div>
        <!--右侧-->
        <div class="Baby_Healthy_home_right">
            <div class="Baby_Healthy_home_right_top">
                <ul class="zcnav3 clearfix">
                    <li class="nav3elm active"><a href="javascipt:void(0)">会员列表</a></li>
                </ul>
            </div>
            <div class="Baby_Healthy_home_right_container vipwrap">
                <div class="zcwrap_edit">
                    <ul class="zcnavbrand clearfix">
                        <li><a href="javascript:zcEditData('list')">会员列表</a></li>
                        <li><a href="javascript:void(0)">会员详情</a></li>
                    </ul>
                    <div class="zccard zcedit_list">
                        <div class="zcviper">
                            <div class="rows vipers">
                                <div class="cols4">
                                    <img src="../images/1.jpg" style="width:100%;max-width:176px" alt="">
                                </div>
                                <div class="cols6">
                                    <p class="tit vipname">张三</p>
                                    <p class="cnt vip">性别：<span>男</span></p>
                                    <p class="cnt vip">会员等级：<span>普通会员</span></p>
                                    <p class="cnt vip">联系电话：<span>15211111111</span></p>
                                </div>
                                <div class="cols6">
                                    <p class="cnt vip">微信：<span>XXXXX</span></p>
                                    <p class="cnt vip">成为会员时间<span>2018-01-02</span></p>
                                </div>
                            </div>
                            <div class="rows account">
                                <div class="cols4"></div>
                                <div class="cols4">
                                    <p class="tit">储值余额</p>
                                    <p class="cnt">0.00<a href="javascript:void(0)" class="font_blue">申请退款</a></p>
                                </div>
                                <div class="cols4">
                                    <p class="tit">累计消费</p>
                                    <p class="cnt">299.00</p>
                                </div>
                                <div class="cols4">
                                    <p class="tit">优惠券</p>
                                    <p class="cnt">0</p>
                                </div>
                                <div class="cols4">
                                    <p class="tit">卡项</p>
                                    <p class="cnt">1</p>
                                </div>
                            </div>
                        </div>
                        <div class="zcusers rows">
                        <!-- <div class="rows"> -->
                            <div class="cols10">
                                <h5 class="tit">基本档案<a href="javascript:void(0)">编辑</a></h5>
                                <div class="rows nopd">
                                    <div class="cols20 rows zcformelm">
                                        <label for="" class="cols3 zcform_text font_right">生日：</label>
                                        <div class="cols17">
                                            <input type="text" class="zcform_input ub" value="">
                                        </div>
                                    </div>
                                    <div class="cols20 rows zcformelm">
                                        <label for="" class="cols3 zcform_text font_right">来源：</label>
                                        <div class="cols17">
                                            <input type="text" class="zcform_input uf" value="手工录入">
                                        </div>
                                    </div>
                                    <div class="cols20 rows zcformelm">
                                        <label for="" class="cols3 zcform_text font_right">备注：</label>
                                        <div class="cols17">
                                            <input type="text" class="zcform_input ub" value="--">
                                        </div>
                                    </div>
                                    <div class="cols20 rows zcformelm">
                                        <label for="" class="cols3 zcform_text font_right">地址：</label>
                                        <div class="cols17">
                                            <input type="text" class="zcform_input uad" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cols1"></div>
                            <div class="cols9">
                                <h5 class="tit">关联患者<a href="javascript:void(0)">新增</a></h5>
                                <div class="rows nopd">
                                    <div class="cols20 rows mg_b10 zcformelm">
                                        <a href="javascript:void(0)">患者1 大儿子</a>
                                    </div>
                                    <div class="cols20 rows mg_b10 zcformelm">
                                        <a href="javascript:void(0)">患者2 小儿子</a>
                                    </div>
                                </div>
                            </div>
                        <!-- </div> -->
                        </div>
                        <div class="zcusers">
                            <div class="zctable viprecords">
                                <div class="viprecordstit rows pdlr">
                                    <div class="cols4 titone">服务&药品</div>
                                    <div class="cols2">单价</div>
                                    <div class="cols2">数量</div>
                                    <div class="cols2">医师</div>
                                    <div class="cols2">客户</div>
                                    <div class="cols2">金额</div>
                                    <div class="cols3">下单门店</div>
                                    <div class="cols3">状态</div>
                                </div>
                                <div class="rows viprecordselm pdlr">
                                    <div class="cols20 elm1">
                                        <p>2018-01-18 19:80:00<span>M2018jdjdjisookk1123</span></p>
                                    </div>
                                    <div class="cols20 rows nopd elm2">
                                        <div class="ceil cols4 ceilone">
                                            <div class="rows">
                                                <div class="cols4">
                                                    <img class="" src="../images/1.jpg">
                                                </div>
                                                <div class="cols16">
                                                    <p>小儿推拿-专家推拿</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ceil cols2">￥ 99.00</div>
                                        <div class="ceil cols2">x 1</div>
                                        <div class="ceil cols2 border_r">医师1号</div>
                                        <div class="ceil cols2 border_r">
                                            <p>张三</p>
                                            <p>18088988888</p>
                                        </div>
                                        <div class="ceil cols2 border_r">￥ 99.00</div>
                                        <div class="ceil cols3 border_r">国医堂顺义店</div>
                                        <div class="ceil cols3">
                                            <p>已付款</p>
                                            <a href="javasript:void(0)" class="font_blue">订单详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="zcwrap_list">
                    <div class="buttongroup">
                        <button class="zcbtn active">添加会员</button>
                        <button class="zcbtn">管理会员卡</button>
                    </div>
                    <div class="zccard searchgroup">
                        <ul class="searchwrap rows">
                            <li class="searchtit cols3"><p>时间分类:</p></li>  
                            <li class="searchelm cols2 all active" data-vals=""><a href="javascript:void(0)">全部</a></li>
                            <li class="searchelm cols3" data-vals="1"><a href="javascript:void(0)">一个月未到店</a></li>
                            <li class="searchelm cols3" data-vals="2"><a href="javascript:void(0)">二个月未到店</a></li>
                            <li class="searchelm cols3" data-vals="3"><a href="javascript:void(0)">三个月未到店</a></li>
                            <li class="searchelm cols4" data-vals="4"><a href="javascript:void(0)">超过三个月未到店</a></li>
                        </ul>
                        <ul class="searchwrap rows">
                            <li class="searchtit cols3"><p>消费次数:</p></li>  
                            <li class="searchelm cols2 all active" data-vals=""><a href="javascript:void(0)">全部</a></li>
                            <li class="searchelm cols3" data-vals="1"><a href="javascript:void(0)">一次以内</a></li>
                            <li class="searchelm cols3" data-vals="2"><a href="javascript:void(0)">3次以内</a></li>
                            <li class="searchelm cols3" data-vals="3"><a href="javascript:void(0)">5次以内</a></li>
                            <li class="searchelm cols4" data-vals="4"><a href="javascript:void(0)">超过5次</a></li>
                        </ul>
                        <ul class="searchwrap rows">
                            <li class="searchtit cols3"><p>会员等级:</p></li>  
                            <li class="searchelm cols2 all active" data-vals=""><a href="javascript:void(0)">全部</a></li>
                            <li class="searchelm cols3" data-vals="1"><a href="javascript:void(0)">普通会员</a></li>
                            <li class="searchelm cols3" data-vals="2"><a href="javascript:void(0)">白银会员</a></li>
                            <li class="searchelm cols3" data-vals="3"><a href="javascript:void(0)">黄金会员</a></li>
                            <li class="searchelm cols4" data-vals="4"><a href="javascript:void(0)">铂金会员</a></li>
                        </ul>
                        <ul class="searchwrap rows">
                            <li class="searchtit cols3"><p>会员来源:</p></li>  
                            <li class="searchelm cols2 all active" data-vals=""><a href="javascript:void(0)">全部</a></li>
                            <li class="searchelm cols3" data-vals="1"><a href="javascript:void(0)">线下预约</a></li>
                            <li class="searchelm cols3" data-vals="2"><a href="javascript:void(0)">线上顾客</a></li>
                            <li class="searchelm cols3" data-vals="3"><a href="javascript:void(0)">外部录入</a></li>
                        </ul>
                        <ul class="searchwrap rows">
                            <li class="searchtit cols3"><p>获客门店:</p></li>
                            <li class="searchelm cols10">
                                <select style="width:100%;border: 1px solid #EDEDED;padding: 0.3rem;color:#7c7c7c">
                                    <option value="">全部</option>
                                    <option value="1">门店1</option>
                                    <option value="2">门店2</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                    <div class="zccard">
                        <table class="bespeak_change_table">
                            <thead>
                                <tr class="bespeak_change_title">
                                    <th class="w_0_5">
                                        <a href="javascript:void(0)" class="zccheckbox"></a>
                                    </th>
                                    <th class="bespeak_change_one">会员信息</th>
                                    <th class="bespeak_change_two">会员等级</th>
                                    <th class="w_1">累计消费（元）</th>
                                    <th class="w_2">获客门店</th>
                                    <th class="w_2">上次消费时间</th>
                                    <th class="bespeak_change_equic">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="w_0_5">
                                        <a href="javascript:void(0)" class="zccheckbox"></a>
                                    </td>
                                    <td class="bespeak_change_one vip1">
                                        <img class="bespeak_change_img" src="../images/1.jpg">
                                        <div class="bespeak_change_name">
                                            <span>张三</span>
                                            <span>18919266045</span>
                                        </div>
                                    </td>
                                    <td class="">
                                        普通会员
                                    </td>
                                    <td class="">10次共10000</td>
                                    <td class="">国医堂顺义店</td>
                                    <td class="">2018-04-01 14:20:20</td>
                                    <td class="bespeak_change_equic userlib6">
                                        <button class="button_stsue_cancle detail" data-vals="1">详情</button>
                                        <button class="button_stsue_accept">预约</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="w_0_5">
                                        <a href="javascript:void(0)" class="zccheckbox"></a>
                                    </td>
                                    <td class="bespeak_change_one vip1">
                                        <img class="bespeak_change_img" src="../images/1.jpg">
                                        <div class="bespeak_change_name">
                                            <span>张三</span>
                                            <span>18919266045</span>
                                        </div>
                                    </td>
                                    <td class="">
                                        普通会员
                                    </td>
                                    <td class="">10次共10000</td>
                                    <td class="">国医堂顺义店</td>
                                    <td class="">2018-04-01 14:20:20</td>
                                    <td class="bespeak_change_equic userlib6">
                                        <button class="button_stsue_cancle detail" data-vals="1">详情</button>
                                        <button class="button_stsue_accept">预约</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>     
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/common.js"></script>
<script src="../js/zcbase.js"></script>
<script>
    $(function(){

        $(".Baby_Healthy_home_right_list1>li").on("mouseover",function(){
            $(this).addClass("activeHeight").siblings().removeClass("activeHeight");
            $(this).find(".Baby_Healthy_home_right_list1_money").addClass("activeClass").parent().siblings().find(".Baby_Healthy_home_right_list1_money").removeClass("activeClass");
        });

        $('.Baby_Healthy_home_right_usually_container>li').on("click",function(){
            if($(this).find('input').hasClass('checkBox_checked')){
                $(this).find('input').removeClass("checkBox_checked");
            }else{
                $(this).find('input').addClass('checkBox_checked').parent().siblings().find("input").removeClass("checkBox_checked");
            }
        })
    });
</script>
</html>